﻿<%@ Page Title="首页" Language="C#" MasterPageFile="~/Home/Public/Home.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="VIKI.Web.Home.Index.Index" %>

<asp:Content runat="server" ID="HeadContent" ContentPlaceHolderID="HeadContent">
    <script>
        $(document).ready(function () {
            $('.slider')._TMS({
                show: 0,
                pauseOnHover: true,
                prevBu: '.prev',
                nextBu: '.next',
                playBu: false,
                duration: 800,
                preset: 'fade',
                pagination: '.pags',
                pagNums: false,
                slideshow: 7000,
                numStatus: false,
                banners: 'fade',
                waitBannerAnimation: false,
                progressBar: false
            })
        });
    </script>
</asp:Content>

<asp:Content runat="server" ID="HeaderSlider" ContentPlaceHolderID="HeaderSlider">
    <div id="slide">
        <div class="slider">
            <ul class="items">
                <li>
                    <img src="~/Home/Resources/Images/slider-1.jpg" runat="server" /></li>
                <li>
                    <img src="~/Home/Resources/Images/slider-2.jpg" runat="server" /></li>
                <li><a href="guide/index.html">
                    <img src="~/Home/Resources/Images/slider-3.jpg" runat="server" /></a></li>
            </ul>
        </div>
        <div class="line-left"></div>
        <div class="line-right"></div>
        <ul class="pags"></ul>
    </div>
</asp:Content>

<asp:Content runat="server" ID="MainContent" ContentPlaceHolderID="MainContent">
    <div class="slogan">
        <p>网络在线轻松学英语！</p>
        <p>Viki是您的私人英语外教，24小时陪您练习纯正地道的英语，她广受欢迎的三大理由：</p>
        <a href="user/user_register.html" class="button-2">点击注册</a>
    </div>
    <div class="wrap page1-row1">
        <div class="box-1 border-right">
            <strong class="number number-1">01.</strong>
            <span class="text-1">Free</span>
            <p class="text-2">Viki智能外教是一款好玩又有效的英语学习应用，让你在轻轻松松的对话聊天之间，掌握如何用英语进行交流。再也不怕“想说却说不出口”的尴尬！</p>
        </div>
        <div class="box-1 border-right">
            <strong class="number number-2">02.</strong>
            <span class="text-1">Convenient
            </span>
            <p class="text-2">身边没有外教老师，没有机会和外国朋友交流？想要参加英语角，又担心自己的口语不过关，想说却说不上来？使用Viki，让你早日摆脱窘境，流利“说英语”！</p>

        </div>
        <div class="box-1 border-right">
            <strong class="number number-3">03.</strong>
            <span class="text-1">Dynamic</span>
            <p class="text-2">Viki智能外教基于智能自改进系统，你聊的时间越长，她会越智能判断并且调整和您聊天的英语水平和内容，从而实现真正的“因材施教”！</p>

        </div>
        <div class="box-1 last">

            <a href="user/user_video.php.html" target='_blank'>
                <img src="~/Home/Resources/Images/icon.png" runat="server" /></a>
        </div>
        <span class="text-1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Viki</span>
    </div>

    <div class="wrap page1-row2">
        <div class="page1-col-1 border-right">
            <h2><span class="clr-1">名</span>人堂</h2>
            <div class="wrap">
                <div class="box_txt">
                    <ul id='slider' style="height: 136px; overflow: hidden">
                        <li style="height: 68px; border-bottom: #ccc dashed 1px;"><span class="txt_span">Coco：外教很有经验，会根据我的具体情况调整学习进度，帮我度过了最初的磨合期。现在我已经开始学更高难度的英语了，加油！</span> </li>
                        <li style="height: 68px; border-bottom: #ccc dashed 1px;"><span class="txt_span">Kerry：我喜欢上自由会话这门课，自由度很大，能更好的锻炼我的反应速度。老师们也都很有经验，引导我多说多练，我进步很明显。</span> </li>

                    </ul>
                    <span style="text-align: right; margin-top: 10px; display: block;"><a href="ue/ue_list.html" class="link-2" target="_blank">>>查看更多Viki名人堂学员</a></span>
                </div>
            </div>
        </div>
        <div class="page1-col-2 border-right">
            <h2><span class="clr-1">媒</span>体报道</h2>
            <div class="box-2">
                <div style="float: left; width: 190px;">
                    <a href="http://epaper.21cbh.com/html/2013-02/25/content_60104.htm?div=-1" target="_blank">
                        <img src="~/Home/Resources/Images/web_new/home/logo1.jpg" runat="server" /></a>
                </div>
                <p><a href="http://tech2ipo.com/61945" class="link"><strong>VIKI随身外教:永不离线的外教</strong></a></p>
                <p>
                    让机器人陪你学英语?没问题!VIKI是一款虚拟外教App,专属的智能AI外教能为用户提供二十四小时全天候的对话练习,用户可以根据不同的教材和难度选择不同情景的外教。
                </p>
            </div>


        </div>
        <div class="page1-col-3-index">
            <h2><span class="clr-1">课程安排</span></h2>
            <ul>
                <li><a href="teacher/teacher-info.html" target="_blank">
                    <img src="~/Home/Resources/Images/web_new/home/zxk.png" runat="server" /></a></li>
                <li></li>
                <li style="margin-bottom: 0;"></li>

            </ul>

        </div>
    </div>
</asp:Content>
